Vue中的v 您所在的位置:网站首页 on bind区别 Vue中的v

Vue中的v

2023-07-17 11:38| 来源: 网络整理| 查看: 265

v-on v-on是用来绑定事件的,比如给按钮添加点击事件,我们可以写成v-on:click='handle',也可以简写为@click='handle'。 v-bind v-bind用来绑定文本或属性,绑定文本跟v-text差不多,能够绑定的属性有html中的属性、css的样式、对象、数组、number 类型、bool类型。 v-bind是单向绑定,它在绑定文本时,当data中的数据发生变化时,页面中的数据也相应改变,但页面中的数据改变不会影响到data。 v-model 实现了数据的双向绑定,页面中的数据与data中的数据是同步变化的,通常用来给表单添加绑定。

利用v-on和v-bind实现v-model

{{msg}} var vm=new Vue({ el:'#app', data:{ msg:'hello' }, methods:{ handle:function(event){ this.msg=event.target.value // console.log(this.msg) } } })

也可以简写为:

{{msg}} var vm=new Vue({ el:'#app', data:{ msg:'hello' } })

v-model的底层原理就是利用v-bind绑定值,利用v-on绑定事件,实现双向绑定。



【本文地址】

公司简介

联系我们

今日新闻

    推荐新闻

      专题文章
        CopyRight 2018-2019 实验室设备网 版权所有